<template>
    <div class="hook">
      <p>x轴坐标: {{x}}</p>
      <p>y轴坐标: {{y}}</p>
    </div>
</template>

<script lang='ts'>
import {defineComponent, ref, reactive, toRefs, computed} from 'vue'
import {useMousePosition} from "../hook/event-mouse"
export default defineComponent({
  setup(){
    console.log(useMousePosition());
    let {x,y} = useMousePosition();
    return{
      x,
      y,
    }
  },
});
</script>

<style scoped >

</style>
